page{
    background-color: #ebebeb;
}
.top{
    display: flex;
    flex-direction: row;
    align-content: center;
    padding: 20px 0px 20px 40px;
    font-size: 24px;
    color: #ffffff;
    background-color: #00cc99;
}
.binglishu{
    position: relative;
    bottom:50px;
    text-align: center;
    background-color: #777777;
}
.bingliinfo{
    margin-left: 30px;
}
.bingliinfolist{
    margin: 15px 0px 15px 0px;

}
.bingliinfolistTitle{
    font-size: 25px;
    margin-right: 10px;
}
.verStep{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffffff;
}
.verStep .at-steps__left-line{
    width: 0%;
}
.verStep .at-steps__num{
    font-size: 0px;
}
.verStep .at-steps__right-line{
    left: 62%;
    width: 83%;
    /* margin-left: 1px; */
}
.verStep .at-steps__circular{
    height: 28px;
    width: 28px;
}
.verStep .at-steps__title{
    font-size: 24px;
}
/* .verStep .at-steps__title:active{
    font-size: 24px;
    color: white;
    background-color: #72d021;
} */
.titleItem{
    display: flex;
    flex-direction: column; 
    align-items: center;
    position: relative;
    top : -60px;
    /* left: 5%;  */
    /* left: 30%; */
    /* left: 55%;    */
    /* left: 80%; */
    margin-top: 20px;
    width: 100px;
    height: 70px;
    border-radius: 25px;
    background-color: #72d021;
}
.t{
    position: relative;
    top: -20px;
    margin-bottom: 20px 20px 0px 20px;
    font-size: 20px;
    color: white;
}
.title-Image{
    position: relative;
    top: -20px;
    height: 45px;
    width: 50px;
}
.message{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    padding: 25px;
    font-size: 24px;
    color: #6d6d66;
    margin-top: 2px;
    background-color: #ffffff;
}
.contentTitle{
    margin-top: 20px;
    padding: 25px;
    font-size: 24px;
    color: #6d6d66;
    background-color: #ffffff;
}
.horStep{
    margin-top: 2px;
    padding: 30px 25px 30px 25px;
    background-color: #ffffff;
}
.horStep .at-steps{
    display: flex;
    flex-direction: column;
}
.horStep .at-steps__item{
    display: flex;
    flex-direction: column;
    position: relative;
    left: -70px;
}
.horStep .at-steps__item--active .at-steps__circular{
    /* box-shadow: 0px 0px 0px 10px #80bcff; */
    box-shadow: 0px 0px 0px 10px #aad199;
}
/* .horStep .at-steps__item--inactive .at-steps__circular{
    color:#999;
    background-color:#E5E5E5;
    box-shadow:     
} */
.horStep .at-steps__num{
    font-size: 0px;
}
.horStep .at-steps__circular{
    height: 28px;
    width: 28px;
}
.horStep .at-steps__circular-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.horStep .at-steps__left-line{
    position: relative;
    top: 40px;
    left: 0px;
    width: 0%;
    transform: rotate(90deg);
}
.horStep .at-steps__right-line{
    position: relative;
    top: 40px;
    left: 1px;
    width: 35%;
    transform: rotate(90deg)
} 
.horStep .at-steps__title{
    overflow: unset;
    position: relative;
    top: -40px; 
    left: 140px; 
    font-size: 24px;
    margin-left: 30px;
    text-align: left;
    white-space: nowrap;
    text-overflow: unset;
    /* word-wrap: normal;   */
}
.horStep .at-steps__desc{
    overflow: unset;
    position: relative;
    top: -40px; 
    left: 170px;
    white-space: nowrap;
    text-overflow:unset;
    /* word-wrap: normal;   */
}
.bingli-image{
    height: 160px;
    width: 150px;
}
